<!doctype html>
<html>

<head>
    <title>SpreadJS in TypeScript</title>
    <link rel="stylesheet" type="text/css" href="node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css">
    <link rel="stylesheet" type="text/css" href="node_modules/@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css">

    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="//cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.js"></script>
    <script src="systemjs.config.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        /* div[gcuielement=gcEditingInput] {
            background-color: #000 !important;
        } */
        /* .gc-columnHeader-normal{[文件]

            color: #000;
            background-color: #f00;
            border-style: solid;
        }
        .gc-columnHeader-highlight{
            color: #000;
            background-color: #00f !important;
            border-style: solid;
        } */

        #designer-container {
            width:100vw;
            height:95vh
        }
        
    </style>
</head>
<button id="btn">导出GcExcel模板</button>
<div class="container">
    <div id="designer-container"></div>
</div>
</body>
<script>
    let spread, designer, sheet
    System.import('./src/app');

</script>

</html>